@media screen and (min-width: 1200px){
    h1{
        color: blue;
    }
}
@media sreen and (min-width: 980px) and  (max-width: 1199px){
    h1{
        color: red;
    }
}
@media sreen and (min-width: 768px) and  (max-width: 979px){
    h1{
        color: yellow;
    }
}
@media sreen and (min-width: 480px) and  (max-width: 767px){
    h1{
        color:chartreuse;
    }
}
@media sreen and (max-width: 479px) {
    h1{
        color: chocolate;
    }
}